﻿body {
    background-color: #f4f4f4;
}
.rule-header {
    height: 35px;
    line-height: 35px;
    background-color: #f9f9f9;
    border-bottom: solid 1px #f2f2f2;
}
/*****/
.rule-center {
    height: 80px;
    line-height: 80px;
    overflow: hidden;
    background-color: white;
}
    .rule-center .logo-img {
        float: left;
        height: 80px;
        width: 200px;
    }
    .rule-center .name {
        float:left;
        height: 80px;
        line-height: 80px;
        font-size:1.5em;
        margin-left:20px;
    }


    /****/
.rule-menus {
    overflow: hidden;
    border-bottom: solid 3px #ff2832;
    background-color: aliceblue;
    height: 42px;
    line-height: 42px;
}
    .rule-menus .goto_home {
        width: 100px;
        height: 42px;
        line-height: 42px;
        background-color: #ff2832;
        color: white;
        font-size: 1.25rem;
        text-align: center;
    }
        .rule-menus .goto_home a {
            color: white;
        }

    /**菜单**/
    .rule-menus .main_menu {
        display: flex;
        justify-content: left;
    }

        .rule-menus .main_menu li {
            text-align: center;
            margin-right: 30px;
            height: 42px;
            line-height: 42px;
            font-size: 1.25rem;
            width: 100px;
        }
/***/

.rule-footer {
    background-color:#232830;
    color:white;
    height:300px;
}


.rule-body {
    clear: both;
    min-height: 800px;
    display: flex;
    justify-content: space-between;
    padding:20px;
}

    /***/
    .rule-body .rule-body-menu {
        width:260px;
        background-color:white;
    }
        .rule-body .rule-body-menu .rule-types {
            padding:15px;
        }
            .rule-body .rule-body-menu .rule-types li {
                height: 40px;
                line-height: 40px;
                margin-bottom:8px;
                border:solid 1px #ccc;
                border-left:solid 3px #ff2832;
                padding-left:10px;
            }
            .rule-body .rule-body-menu .rule-types li:hover {
                background-color:#fdfdfd;
                font-size:1.2em;
            }
/***/
    .rule-body .rule-body-content {
        width: 1000px;
        background-color: white;
    }
    .rule-body .rule-body-content .search-area {
        height: 50px;
        line-height: 50px;
        border-bottom: solid 1px #ccc;
        padding:20px;
    }
        .rule-body .rule-body-content .search-area .search {
            width: 300px;
            border: solid 1px #ddd;
            height: 35px;
            line-height: 35px;
            background-color: #f4f4f4;
            outline: none;
            padding-left: 20px;
            padding-right: 20px;
        }
        .rule-body .rule-body-content .search-area .search-btn {
            width: 80px;
            border: solid 1px #ddd;
            height: 37px;
            line-height: 37px;
            color: white;
            background-color: #ff2832;
            border:none;
            outline:none;
            cursor:pointer;
        }
    .rule-body .rule-body-content .rule-list {
        list-style-type:none;
    }
        .rule-body .rule-body-content .rule-list li {
            height: 50px;
            line-height: 50px;
            border-bottom:solid 1px #ccc;
            padding-left:20px;
            font-size:1.2em;
        }
        .rule-body .rule-body-content .rule-list li .fa {
            font-size:0.4em;
            margin-right:6px;
        }



        /*****/
        .rule-body .rule-body-content .rule-title {
            border-bottom: solid 1px #ccc;
            padding-top: 30px;
            padding-bottom: 30px;
        }
            .rule-body .rule-body-content .rule-title .rule-name {
                border-left: solid 5px #ff2832;
                height: 30px;
                line-height: 30px;
                padding-left: 10px;
                font-size: 1.5em;
            }
        .rule-body .rule-body-content .rule-content {
            padding:20px;
        }